import React, { Component } from 'react'
import { NavBar, Icon, Tabs } from 'antd-mobile';
import './index.scss'
const tabs = [
  { title: '全部' },
  { title: '待审核' },
  { title: '带访问' },
  { title: '已完成' }
];
export default class index extends Component {
  render() {
    return (
      <div className="visitor_box">
        <div className="visitor_header_box">
          <NavBar
            mode="light"
            icon={<Icon type="left"/>}
            onLeftClick={() => {this.props.history.goBack()}}
          >访客管理</NavBar>
        </div>
        <div className="visitor_content_box content">
          <Tabs tabs={tabs} initialPage={0} animated={false} useOnPan={false}>
            <div style={{ display: 'flex', backgroundColor: '#fff' }}>
              Content of first tab
            </div>
            <div style={{ display: 'flex', backgroundColor: '#fff' }}>
              Content of second tab
            </div>
            <div style={{ display: 'flex', backgroundColor: '#fff' }}>
              Content of third tab
            </div>
          </Tabs>
        </div>
      </div>
    )
  }
}
